<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="inner_container">
	<header id="main_header">
		<section id="top_head">
		<div class="sec_cont">
			<div id="header_actions">
			<ul>
				<li>
				Your Cart: $64.37<br />
				<a href="#">edit/checkout</a>
				</li>
				<li>1.800.432.3004</li>
			</ul>
			<input type="text" id="search" />
			</div><!--end header_actions-->
		
		<nav>
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="magazine.html">Products</a></li>
			<li><a href="#">Best Sellers</a></li>
			<li><a href="#">Newsletter</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">FAQ</a></li>
			<li><a href="#">Get Involved</a></li>
			<div class="clear"></div>
		</ul>
		
		</nav>
		
		
		</div>
		</section><!--end top_head-->
		

		<section id="headline_gallery">
			<div class="sec_cont">
				<div class="head_message left">
					<h1>Help Raise Funds Today!</h1>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
					</p>
				</div><!--end head_message-->

				<div class="featured_image left">
					<img src="images/mags.png" alt="" />

				</div><!--end featured_image-->

			</div><!--end sec_cont-->
		</section><!--end headline_gallery-->
	</header>

		<section id="main_products_display">
			<div class="sec_cont">
				<h2 class="blue">Our Other Offerings</h2>
				<article class="home_product quarters left nl">
					<img src="images/coffee.jpg" alt"" />
					<br />
					<a href="magazine.html" class="product_cat_btn">Coffee</a>
					<p class="product_desc">
						fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
					</p>

				</article>

				<article class="home_product quarters left nl">
					<img src="images/cards.jpg" alt"" />
					<br />
					<a href="magazine.html" class="product_cat_btn">Cards</a>
					<p class="product_desc">
						Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo laboriosam, nisi ut aliquid ex ea commodi
					</p>

				</article>

				<article class="home_product quarters left nl">
					<img src="images/candles.jpg" alt"" />
					<br />
					<a href="magazine.html" class="product_cat_btn">Candles</a>
					<p class="product_desc">
						ed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis
					</p>

				</article>

				<article class="home_product quarters left">
					<img src="images/delivery.jpg" alt"" />
					<br />
					<a href="magazine.html" class="product_cat_btn">Home Delivery</a>
					<p class="product_desc">
						xercitationem ullam corporis suscipit  consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit
					</p>

				</article>

			</div><!--end sec_cont-->

		</section><!--end main_products_display-->

		<section id="campaign_org">
			<div id="campaign_org_content" class="sec_cont">
			<div id="shadow_wrapper">
				<div id="paper_shadow_bottom"><img src="images/paper_shadow_bottom.png" alt="" /></div><!--end paper_shadow_bottom-->
				<article id="start_camp" class="halfs left">
					<h2>Start a <br />Campaign</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>

				</article>

				<article id ="support_org" class="halfs left">
					<h2>Support an <br />Organization</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</p>

				</article>

				<div id="or"></div><!--end or-->
				<div class="clear"></div>
			</div><!--end shadow_wrapper-->
			</div><!--end campaign_org_content-->
		</section><!--end campaign_org-->

		<footer id="page_footer">
			<header id="footer_top">
				<div class="sec_cont">

				<section id="foot_contact" class="left thirds first">
					<div class="foot_third_inner">
						<h3>Contact</h3>
						<p>1.800.432.3004<br />
							info@fundraisingmagazines.com<br />
							request a catalog
						</p>

					</div>
				</section>

				<section id="foot_other" class="left thirds mid">
					<div class="foot_third_inner">
						<h3>Other Fundraisers</h3>
						<ul>
							<li><a href="#">Superior Plan</a></li>
							<li><a href="#">eSports Fundraising</a></li>
						</ul>
					</div>
				</section>

				<section id="foot_total" class="left thirds last">
					<div class="foot_third_inner">
						<h3>Your Current Total</h3>
						

					</div>
				</section>
				</div><!--end sec_cont-->
			</header>
			<footer id="footer_bottom">
				<div class="sec_cont">
				<nav id="footer_nav">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Products</a></li>
						<li><a href="#">Best Sellers</a></li>
						<li><a href="#">Newsletter</a></li>
						<li><a href="#">Contact</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Get Involved</a></li>
					</ul>

				</nav>
			</div><!--end sec_cont-->

			</footer><!--end footer_bottom-->

		</footer><!--end page_footer-->

	</header><!--end main_header-->

</div><!--end inner_container-->
</div><!--end container-->
</body>

</html>